<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中央教育集团</title>
    <link rel="stylesheet" type="text/css" href="static/css/test.css">
    <%--  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <title> 巨头科技教育 </title>
      <link href="/static/css/login/main.css" rel="stylesheet" type="text/css"/>--%>
    <script type="text/javascript" src="/static/plugins/easyui/jquery.min.js"></script>

    <script type="text/javascript">
        $(function(){
            $('#login-button').click(function (event) {
                event.preventDefault();
                $.post("/login.do", $("form").serialize(), function (data) {
                    if (data.success) {
                        $('form').fadeOut("slow");
                        $('.wrapper').addClass('form-success');
                        window.parent.location.href = "/index.do";
                        // $(".wrapper").toggle("3000",function(){
                        //     $("#img").attr("src","static/imgs/404.jpg");
                        //     $("#img").css({"width": "100%","height": "600px"});
                        // })
                        // // $("#img").click(function(){
                        // //     $("#img").attr("src","static/imgs/minions.jpg");
                        // //     $("#img").css({"width": "100%","height": "600px"});
                        // // })
                        //
                        // $("#img").dblclick(function(){
                        //     $("#img").toggle("5000",function(){
                        //
                        //     })
                        // })
                    } else {
                        alert(data.msg);
                    }
                }, "json");
            });
        });
    </script>
</head>t
<body>
<div class="htmleaf-container">
    <img id="img" src="/">
    <div class="wrapper">
        <div class="container" style="padding-top: 340px">
            <h1>中央教育集团</h1>
            <form class="form" method="post">
                <div class="name">
                    <input type="text" class="text" value="admin" placeholder="用户名"
                           name="username"
                           tabindex="1">
                </div>
                <div class="pwd">
                    <input type="password" class="text" value="1" placeholder="密码"
                           name="password" tabindex="2">
                    <button type="submit" id="login-button">登陆</button>
                    <div class="check"></div>
                </div>
                <div class="tip"></div>
            </form>
            <li id="t"></li>
        </div>

        <ul class="bg-bubbles">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

</body>
</html>
